<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>联系我们</title>
    <!--引用百度地图API-->
    <style type="text/css">
        html,body{margin:0;padding:0;}
        .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
        .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?key=67bd734bd2ef5e5ccecfeccbb5a221ee&amp;v=1.1&amp;services=true"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/getscript?v=1.1&amp;ak=&amp;services=true&amp;t=20130716024058"></script>
    <link rel="stylesheet" type="text/css" href="http://api.map.baidu.com/res/11/bmap.css" />
    <link rel="stylesheet" href="/static/index/layui/css/layui.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900">
    <style>
        *{padding:0;margin:0;}
        a{text-decoration: none;color: #0C0C0C;}
        html{font-size:14px;}
        body{background-color:white;min-width: 650px;display: flex; flex-flow: column nowrap;}
        .header{
            display: flex;
            justify-content: space-around;
            /*width: 99%;*/
            height:6rem;
            /*border: 1px solid #1a23ff;*/
            align-items: center;
        }
        .header > div:first-of-type{
            width: 10%;
            height:4rem;
            /*border: 1px solid #2417ff;*/
            margin-left: 6rem;
        }
        .header > div:nth-of-type(2){
            width: 50%;
            height:4rem;
            /*border: 1px solid #2417ff;*/
            display: flex;
            justify-content: space-evenly;
            font-size: 1.4rem;
            align-items: center;
        }
        .header > div:first-of-type >a:first-of-type >img{
            width: 30px;
            height: 42px;
        }
        .header > div:first-of-type >a:nth-of-type(2) >span{
            font-size: 1.6rem;
            font-weight: bold;
        }
        .active{
            color:#FC7059;
        }
        .banner{
            height: 60vh;
            /*border: 1px solid #ff2235;*/
        }
        .banner > a > img{
            width: 100%;
            height: 100%;
        }
        .main{
            display: flex;
            flex-flow: column nowrap;
            height: 1200px;
            /*border: 1px solid #2122ff;*/
            align-items: center;
            margin-top: 5rem;
        }
        .main-top{
            width: 70%;
            height: 30%;
            /*border: 1px solid #ff2235;*/
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .main-top-content > div:first-of-type{
            font-size: 1.6rem;
        }
        .main-top-content > div:not(:first-of-type){
            color: #666666;
            font-size: 0.9rem;

        }
        .main-top-content > div:nth-of-type(3){
            margin-top: 2rem;
        }
        .main-top-content > div:nth-of-type(4){
            margin-top: 0.7rem;
        }
        .main-top-content-line{
            width: 2px;
            height: 130px;
            background: #343434;
            opacity: 0.1;
        }
        .main-footer{
            display: flex;
            width: 70%;
            height: 35%;
            /*border: 1px solid #4824ff;*/
            justify-content: space-between;
            align-items: center;
        }
        .main-footer-content > div:first-of-type{
            font-size: 1.6rem;
            font-weight: 400;
        }
        .main-footer-content > div:nth-of-type(2){
            color: #666666;
            margin-bottom: 2rem;
        }
        .main-footer-content > div:nth-of-type(4){
            margin-top: 1.2rem;
            margin-bottom: 1.2rem;
        }
        .main-footer-content1{
            margin-top: 9rem;
        }
        .main-footer-content-two{
            color: #88b0cc;
            width: 8rem;
            height:3rem;
            margin-left: 33rem;
            margin-top: 1.5rem;
        }
        .main-footer-map{
            height: 600px;
            width: 70%;
            /*border: 1px solid #eb27ff;*/
            margin-top: 5rem;
            margin-bottom: 3rem;
        }
        footer{
            min-height:35vh;
            border: 1px solid #CECECE;
        }
        .footer{
            width: 80%;
            margin: 5rem auto;
            /*border: 1px solid #ce0f16;*/
            display: flex;
            flex-flow: row nowrap;
            justify-content: space-around;
        }
        .footer > div:first-of-type > span,.footer > div:nth-of-type(3) > span{
            font-weight: bold;
        }
        .footer > div:nth-of-type(2) > a,.footer > div:nth-of-type(4) > a{
            display: flex;
            flex-flow: column nowrap;
            /*justify-content: space-around;*/
            margin-bottom: 1.2rem;
            color: #B8B8B8;
        }
        .footer > div:nth-of-type(5),.footer > div:nth-of-type(6),.footer > div:nth-of-type(7){
            display: flex;
            flex-flow: column nowrap;
            justify-content: center;
            align-items: center;
            font-weight: bold;
        }
        .footer > div:nth-of-type(5)>a:first-of-type,.footer > div:nth-of-type(6)>a:first-of-type,.footer > div:nth-of-type(7)>a:first-of-type{
            width: 7rem;
            height: 7rem;
            margin-bottom: 0.5rem;
        }
        .footer > div:nth-of-type(5)>a:first-of-type>img,.footer > div:nth-of-type(6)>a:first-of-type>img,.footer > div:nth-of-type(7)>a:first-of-type>img{
            width: 100%;
            height: 100%;
        }
        .footer > div:nth-of-type(8),.footer > div:nth-of-type(9),.footer > div:nth-of-type(10){
            display: flex;
            flex-flow: column nowrap;
            justify-content: center;
        }
        .footer-footer{
            width: 40rem;
            /*border: 1px solid #ce0f16;*/
            margin: 0 auto;
            color: #9F9F9F;
            font-size: 0.8rem;
        }
    </style>
    <link rel="stylesheet" href="/static/index/layui/css/layui.css">
</head>
<body>
<div class="header">
    <div>
        <a href=""><img src="{$setting.index_logo}" alt=""></a>
        <a href=""><span>七星优购</span></a>
    </div>
    <div>
        {volist name="indexMenu" id="vo"}
            <a href="{$vo.url}">
                <span {if $vo.url eq $url} class="active" {else/} {/if}>{$vo.name}</span>
            </a>
        {/volist}
    </div>
</div>
<div class="banner">
    {volist name="indexMenu" id="vo"}
        {if $vo.url eq $url}
            <a href=""><img src="{$vo.img}" alt=""></a>
        {/if}
    {/volist}
</div>
<div class="main">
    <div class="main-top">
        <div class="main-top-content">
            <div>公司地址</div>
            <div>address</div>
            <div>{$setting.address.0}</div>
            <div>{$setting.address.1}</div>
        </div>
        <span class="main-top-content-line">|</span>
        <div class="main-top-content">
            <div>联系电话</div>
            <div>phone</div>
            <div>{$setting.phone.0}</div>
            <div>{$setting.phone.1}</div>
        </div>
        <span class="main-top-content-line">|</span>
        <div class="main-top-content">
            <div>招聘中心</div>
            <div>recurlt</div>
            <div>{$setting.job_info.0}</div>
            <div>{$setting.job_info.1}</div>
        </div>
    </div>

    <div class="main-footer">
        <div class="main-footer-content">
            <div>公司地址</div>
            <div>address</div>
            <div><input type="text" style="width:26rem; height: 3rem;" name="name" placeholder="称呼"></div>
            <div><input type="text"style="width:26rem; height: 3rem;" name="phone" placeholder="联系电话"></div>
            <div><input type="text"style="width:26rem; height: 3rem;" name="qq" placeholder="QQ"></div>
        </div>
        <div class="main-footer-content">
            <div class="main-footer-content1">
                <textarea name="descr" placeholder="请描述你的建议，或者信息 我们将绝对保密。" id="descr" cols="55" rows="5"></textarea>
            </div>
            <div>
                <input  class="main-footer-content-two" type="button" onclick="createConnect()" value="提交">
            </div>
        </div>
    </div>

    <div class="main-footer-map">
        <!--百度地图容器-->
        <div style="width: 100%; height: 100%; border: 1px solid rgb(204, 204, 204); overflow: hidden; position: relative; z-index: 0; background-image: url(&quot;http://api.map.baidu.com/images/bg.png&quot;); color: rgb(0, 0, 0); text-align: left;" id="dituContent">
            <div id="platform" style="overflow: visible; position: absolute; z-index: 0; left: -31px; top: -17px; cursor: url(&quot;http://api.map.baidu.com/images/openhand.cur&quot;) 8 8, default;">
                <div id="mask" class=" BMap_mask" style="position: absolute; left: 31px; top: 17px; z-index: 9; overflow: hidden; user-select: none; width: 697px; height: 550px;"></div>
                <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;">
                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 800;"></div>
                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 700;"></div>
                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 600;"></div>
                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 500;">
                        <label class=" BMapLabel" unselectable="on" style="position: absolute; display: inline; cursor: inherit; background-color: rgb(255, 255, 255); border: 1px solid rgb(153, 153, 153); padding: 1px; white-space: nowrap; font: 12px arial, simsun; z-index: -6601220; left: 269px; top: 242px;">
                            <div style="padding:2px;">
                                华尔大厦A座&nbsp;1901
                                <br />
                                <br />TEl&nbsp;0396-2632777
                            </div></label>
                    </div>
                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 400;"></div>
                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;"></div>
                </div>
                <div style="position: absolute; z-index: -1; left: 351px; top: 275px;">
                    <img src="http://online2.map.bdimg.com/tile/?qt=tile&amp;x=24783&amp;y=7564&amp;z=17&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -309px; top: -355px;" />
                    <img src="http://online2.map.bdimg.com/tile/?qt=tile&amp;x=24784&amp;y=7563&amp;z=17&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -53px; top: -99px;" />
                    <img src="http://online2.map.bdimg.com/tile/?qt=tile&amp;x=24785&amp;y=7562&amp;z=17&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: 203px; top: 157px;" />
                    <img src="http://online1.map.bdimg.com/tile/?qt=tile&amp;x=24782&amp;y=7564&amp;z=17&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -565px; top: -355px;" />
                    <img src="http://online1.map.bdimg.com/tile/?qt=tile&amp;x=24783&amp;y=7563&amp;z=17&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -309px; top: -99px;" />
                    <img src="http://online1.map.bdimg.com/tile/?qt=tile&amp;x=24784&amp;y=7562&amp;z=17&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -53px; top: 157px;" />
                    <img src="http://online3.map.bdimg.com/tile/?qt=tile&amp;x=24784&amp;y=7564&amp;z=17&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -53px; top: -355px;" />
                    <img src="http://online3.map.bdimg.com/tile/?qt=tile&amp;x=24785&amp;y=7563&amp;z=17&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: 203px; top: -99px;" />
                    <img src="http://online0.map.bdimg.com/tile/?qt=tile&amp;x=24782&amp;y=7563&amp;z=17&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -565px; top: -99px;" />
                    <img src="http://online0.map.bdimg.com/tile/?qt=tile&amp;x=24783&amp;y=7562&amp;z=17&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -309px; top: 157px;" />
                    <img src="http://online4.map.bdimg.com/tile/?qt=tile&amp;x=24785&amp;y=7564&amp;z=17&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: 203px; top: -355px;" />
                    <img src="http://online4.map.bdimg.com/tile/?qt=tile&amp;x=24782&amp;y=7562&amp;z=17&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -565px; top: 157px;" />
                </div>
            </div>
            <div id="zoomer" style="position:absolute;z-index:0;top:0px;left:0px;overflow:hidden;visibility:hidden;cursor:url(http://api.map.baidu.com/images/openhand.cur) 8 8,default">
                <div class="BMap_zoomer" style="top:0;left:0;"></div>
                <div class="BMap_zoomer" style="top:0;right:0;"></div>
                <div class="BMap_zoomer" style="bottom:0;left:0;"></div>
                <div class="BMap_zoomer" style="bottom:0;right:0;"></div>
            </div>
            <div class=" anchorBL" style="height: 32px; position: absolute; z-index: 10; bottom: 0px; right: auto; top: auto; left: 1px;">
                <a title="到百度地图首页" target="_blank" href="http://map.baidu.com/?sr=1" style="outline: none;"><img style="border:none;width:77px;height:32px" src="http://api.map.baidu.com/images/copyright_logo.png" /></a>
            </div>
            <div unselectable="on" class=" BMap_cpyCtrl anchorBL" style="cursor: default; white-space: nowrap; bottom: 2px; right: auto; top: auto; left: 81px; position: absolute; z-index: 10;">
                <span style="text-size-adjust: none; color: rgb(0, 0, 0); background: none; font: 11px arial, simsun; display: inline;" _cid="1">&copy; 2015 Baidu</span>
            </div>
            <div unselectable="on" class=" BMap_stdMpCtrl BMap_stdMpType0 BMap_noprint anchorTL" style="width: 52px; height: 226px; bottom: auto; right: auto; top: 10px; left: 10px; position: absolute; z-index: 1100;">
                <div class="BMap_stdMpPan">
                    <div class="BMap_button BMap_panN" title="向上平移"></div>
                    <div class="BMap_button BMap_panW" title="向左平移"></div>
                    <div class="BMap_button BMap_panE" title="向右平移"></div>
                    <div class="BMap_button BMap_panS" title="向下平移"></div>
                    <div class="BMap_stdMpPanBg BMap_smcbg"></div>
                </div>
                <div class="BMap_stdMpZoom" style="height: 167px; width: 52px;">
                    <div style="height: 167px; width: 37px;">
                        <div class="BMap_button BMap_stdMpZoomIn" title="放大一级">
                            <div class="BMap_smcbg"></div>
                        </div>
                        <div class="BMap_button BMap_stdMpZoomOut" title="缩小一级">
                            <div class="BMap_smcbg"></div>
                        </div>
                    </div>
                    <div class="BMap_stdMpSlider" style="height: 133px;">
                        <div class="BMap_stdMpSliderBgTop" style="height: 124px;">
                            <div class="BMap_smcbg"></div>
                        </div>
                        <div class="BMap_stdMpSliderBgBot" style="top: 124px;">
                            <div class="BMap_smcbg"></div>
                        </div>
                        <div class="BMap_stdMpSliderMask" title="放置到此级别"></div>
                        <div class="BMap_stdMpSliderBar" title="拖动缩放" style="cursor: url(&quot;http://api.map.baidu.com/images/openhand.cur&quot;) 8 8, default; top: 8px;">
                            <div class="BMap_smcbg"></div>
                        </div>
                    </div>
                    <div class="BMap_zlHolder">
                        <div class="BMap_zlSt">
                            <div class="BMap_smcbg"></div>
                        </div>
                        <div class="BMap_zlCity">
                            <div class="BMap_smcbg"></div>
                        </div>
                        <div class="BMap_zlProv">
                            <div class="BMap_smcbg"></div>
                        </div>
                        <div class="BMap_zlCountry">
                            <div class="BMap_smcbg"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div unselectable="on" class=" BMap_omCtrl BMap_noprint anchorBR quad4" style="width: 150px; height: 150px; bottom: 0px; right: 0px; top: auto; left: auto; position: absolute; z-index: 10;">
                <div class="BMap_omOutFrame" style="width: 149px; height: 149px;">
                    <div class="BMap_omInnFrame" style="bottom: auto; right: auto; top: 8px; left: 8px; width: 139px; height: 139px;">
                        <div class="BMap_omMapContainer" style="overflow: hidden; background-image: url(&quot;http://api.map.baidu.com/images/bg.png&quot;); color: rgb(0, 0, 0); text-align: left;">
                            <div id="platform" style="overflow: visible; position: absolute; z-index: 0; left: -1px; top: -1px; cursor: url(&quot;http://api.map.baidu.com/images/openhand.cur&quot;) 8 8, default;">
                                <div id="mask" class=" BMap_mask" style="position: absolute; left: 1px; top: 1px; z-index: 9; overflow: hidden; user-select: none; width: 139px; height: 139px;"></div>
                                <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;">
                                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 800;"></div>
                                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 700;">
                                        <div class="BMap_Division" style="position: absolute; width: 44px; display: block; overflow: hidden; border-width: 1px; border-style: solid; border-color: rgb(173, 207, 244) rgb(39, 75, 139) rgb(39, 75, 139) rgb(132, 176, 223); border-image: initial; opacity: 1; z-index: 60; user-select: none; left: 47px; top: 52px; height: 34px;">
                                            <div class="BMap_omViewInnFrame" style="width: 42px; height: 32px;">
                                                <div class="BMap_omViewMask"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 600;"></div>
                                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 500;"></div>
                                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 400;"></div>
                                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;"></div>
                                </div>
                                <div style="position: absolute; z-index: -1; left: 70px; top: 70px;">
                                    <img src="http://online1.map.bdimg.com/tile/?qt=tile&amp;x=1549&amp;y=472&amp;z=13&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -4px; top: -71px;" />
                                    <img src="http://online0.map.bdimg.com/tile/?qt=tile&amp;x=1548&amp;y=472&amp;z=13&amp;styles=pl&amp;udt=20140928" style="position: absolute; border: none; width: 256px; height: 256px; left: -260px; top: -71px;" />
                                </div>
                            </div>
                        </div>
                        <div class="BMap_omViewMv" style="cursor: url(&quot;http://api.map.baidu.com/images/openhand.cur&quot;) 8 8, default; width: 44px; height: 34px; left: 46px; top: 51px;">
                            <div class="BMap_omViewInnFrame" style="width: 42px; height: 32px;">
                                <div></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="BMap_omBtn" style="bottom: 0px; right: 0px; top: auto; left: auto;"></div>
            </div>
            <div unselectable="on" class=" BMap_scaleCtrl BMap_noprint anchorBL" style="bottom: 18px; right: auto; top: auto; left: 81px; width: 63px; position: absolute; z-index: 10;">
                <div class="BMap_scaleTxt" unselectable="on">
                    100&nbsp;米
                </div>
                <div class="BMap_scaleBar BMap_scaleHBar">
                    <img style="border:none" src="http://api.map.baidu.com/images/mapctrls11.png" />
                </div>
                <div class="BMap_scaleBar BMap_scaleLBar">
                    <img style="border:none" src="http://api.map.baidu.com/images/mapctrls11.png" />
                </div>
                <div class="BMap_scaleBar BMap_scaleRBar">
                    <img style="border:none" src="http://api.map.baidu.com/images/mapctrls11.png" />
                </div>
            </div>
        </div>
    </div>

</div>

<footer>
    <div class="footer">

        <div>
            <span>关于七星优购</span>
        </div>

        <div>
            {volist name="setting.about" id="vo"}
            <a href="javascript:;">{$vo}</a>
            {/volist}
        </div>

        <div>
            <span>关于我们</span>
        </div>

        <div>
            {volist name="setting.about_we" id="vo"}
            <a href="">{$vo}</a>
            {/volist}
        </div>


        <div>
            <a href=""><img src="{$setting.wxgzh}" alt=""></a>
            <a href="">微信公众号</a>
        </div>

        <div>
            <a href=""><img src="{$setting.app}" alt=""></a>
            <a href="">安卓版APP下载</a>
        </div>

        <div>
            <a href=""><img src="{$setting.wxxcx}" alt=""></a>
            <a href="">小程序下载</a>
        </div>

        <div><a href=""><img src="{$setting.wb}" alt=""></a></div>
        <div><a href=""><img src="{$setting.qq}" alt=""></a></div>
        <div><a href=""><img src="{$setting.wx}" alt=""></a></div>
    </div>
    <div class="footer-footer">
        <span>{$setting.name} </span>
    </div>
</footer>
</body>

<script src="/static/index/layui/layui.js"></script>
<script>
    layui.use(['layer'],function(){
        layer = layui.layer;
        $ = layui.jquery;
    });
    function createConnect() {
       var name = $('input[name="name"]').val();
       var phone = $('input[name="phone"]').val();
       var qq = $('input[name="qq"]').val();
       var descr = $("#descr").val();
       if (name == "" || phone == "" || qq == "" || descr==""){
           layer.open({
               title: '提示：'
               ,content: '您有内容为空!!!'
           });
       }else{
           $.post("/index/index/postConnect",{name:name,phone:phone,qq:qq,descr:descr},function(data){
              if(data.code == 200){
                  layer.open({
                      title: '提示：'
                      ,content: data.msg
                  });
              }else{
                  layer.open({
                      title: '提示：'
                      ,content: data.msg
                  });
              }
           });
       }

    }
</script>
<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap(){
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
        addRemark();//向地图中添加文字标注
    }

    //创建地图函数：
    function createMap(){
        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
        var point = new BMap.Point(113.99055,33.005697);//定义一个中心点坐标
        map.centerAndZoom(point,17);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }

    //地图事件设置函数：
    function setMapEvent(){
        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard();//启用键盘上下左右键移动地图
    }

    //地图控件添加函数：
    function addMapControl(){
        //向地图中添加缩放控件
        var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
        map.addControl(ctrl_nav);
        //向地图中添加缩略图控件
        var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
        map.addControl(ctrl_ove);
        //向地图中添加比例尺控件
        var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
        map.addControl(ctrl_sca);
    }

    //文字标注数组
    var lbPoints = [{point:"113.989068|33.006106",content:"华尔大厦A座&nbsp;1901<br/><br/>TEl&nbsp;0396-2632777"}
    ];
    //向地图中添加文字标注函数
    function addRemark(){
        for(var i=0;i<lbPoints.length;i++){
            var json = lbPoints[i];
            var p1 = json.point.split("|")[0];
            var p2 = json.point.split("|")[1];
            var label = new BMap.Label("<div style='padding:2px;'>"+json.content+"</div>",{point:new BMap.Point(p1,p2),offset:new BMap.Size(3,-6)});
            map.addOverlay(label);
            label.setStyle({borderColor:"#999"});
        }
    }

    initMap();//创建和初始化地图
</script>
</html>